<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script>
<script>
		$(function(){
			$("#abc").click(function(){
				$.get("getList",function(data){
					
					console.log(data);
				},"json");
				
			});
			
			$("#bca").click(function(){
				
				$.ajax({
						type:"PUT",		
						url:"update",
						contentType: "application/json", 
						data:'{"name":"wangwu","pwd":"123456"}',
						success:function(data){
							console.log(data);
						}
				});
				
			});
		});
	
</script>
</head>
<body>
<h2>1、用表单实现对象、集合(List<String>|Map)、数组类型的参数注入</h2>
		<form action="login" method="post">
					账号：<input type="text" name="name"/>
					密码：<input type="text" name="pwd"/>
					<input type="submit" value="提交"/>		
		</form>
		<h3>List&lt;String&gt;</h3>
		<form action="foList" method="post">
				账号：<input type="text" name="name"/>
					账号：<input type="text" name="name"/>
					<input type="submit" value="提交"/>		
		</form>
		<h3>数组类型的参数注入</h3>
		<form action="forArgs" method="post">
					账号：<input type="text" name="name"/>
					账号：<input type="text" name="name"/>
					<input type="submit" value="提交"/>		
		</form>
		<h3>用表单实现自定义泛型集合List<UsersVo>的参数注入(使用对象属性的方式)</h3>
			<form action="forVo" method="post">
					账号：<input type="text" name="name"/>
					账号：<input type="text" name="name"/>
					<input type="submit" value="提交"/>		
		</form>
		<h3>3、使用@ResponseBody处理Ajax请求返回List<UsersVo></h3>
		<button id="abc">3、使用@ResponseBody处理Ajax请求返回List<UsersVo></button>
		<button id="bca">4、使用@RequestBody接收Ajax参数List<UsersVo>的注入</button>
</body>
</html>